<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex otherPay_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between otherPay_fd0_0'>
					<view class='flex flex-wrap align-center otherPay_fd0_0_c0' @tap.stop="handleJumpDiy"
						data-type="back" data-url="1">
						<text class='fu-iconfont2  otherPay_fd0_0_c0_c0'>&#xE794;</text>
					</view>
					<view class='flex flex-wrap align-center'>
						<text class='otherPay_fd0_0_c1_c0'>确认订单</text>
					</view>
					<view class='flex align-center justify-end otherPay_fd0_0_c2'>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---地址flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout otherPay_flex_1">
				<view class='flex flex-wrap align-center otherPay_fd1_0' @tap.stop="handleJumpDiy"
					data-type="navigateTo" :data-url="`/pages/my/addressManagement/addressManagement?type=1`"
					v-if="Object.keys(this.dataAddress).length">
					<image class='otherPay_fd1_0_c0' mode="aspectFit" :src='STATIC_URL+"397.png"'></image>
					<view class='flex flex-direction flex-wrap align-stretch flex-sub otherPay_fd1_0_c1'>
						<view class='flex flex-wrap align-center'>
							<view class='flex flex-wrap align-center otherPay_fd1_0_c1_c0_c0'>
								<text class='otherPay_fd1_0_c1_c0_c0_c0'>{{dataAddress.real_name}}</text>
								<text>(</text>
								<text v-if=" dataAddress.sex=='1'">先生</text><text v-if=" dataAddress.sex=='2'">女士</text>
								<text>)</text>
							</view>
							<text class='otherPay_fd1_0_c1_c0_c1'>{{dataAddress.mobile}}</text>
						</view>
						<view class='otherPay_fd1_0_c1_c1'>
							<text>{{dataAddress.address_code}}</text>
							<text>{{dataAddress.detail}}</text>
						</view>
					</view>
					<image class='otherPay_fd1_0_c2' mode="aspectFit" :src='STATIC_URL+"77.png"'></image>
					<image class='otherPay_fd1_0_c3' mode="scaleToFill" :src='STATIC_URL+"78.png"'></image>
				</view>
				<view class='flex flex-wrap align-center justify-center otherPay_fd1_1' @tap.stop="handleJumpDiy"
					data-type="navigateTo" :data-url="`/pages/my/addressManagement/addressManagement?type=1`"
					v-if="!Object.keys(this.dataAddress).length">
					<image class='otherPay_fd1_1_c0' mode="aspectFit" :src='STATIC_URL+"397.png"'></image>
					<text class='otherPay_fd1_1_c1'>添加收货地址</text>
				</view>
			</view>

			<!---地址flex布局结束-->
			<!---商品详情flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout otherPay_flex_2">
				<view class='flex flex-direction flex-wrap align-stretch otherPay_fd2_0'>
					<view class='flex flex-direction flex-wrap align-stretch otherPay_fd2_0_c0'>
						<template v-for='(item,key0) in orderDetail.goods'>
							<view class='flex flex-wrap align-stretch otherPay_fd2_0_c0_c0' :key='key0'>
								<image class='otherPay_fd2_0_c0_c0_c0' mode="aspectFill" :src='item.thumb'></image>
								<view
									class='flex flex-direction flex-wrap align-stretch flex-sub otherPay_fd2_0_c0_c0_c1'>
									<text class='otherPay_fd2_0_c0_c0_c1_c0'>{{item.name}}</text>
									<view class='flex flex-wrap align-center otherPay_fd2_0_c0_c0_c1_c1'>
										<text class='otherPay_fd2_0_c0_c0_c1_c1_c0'>{{item.key_name}}</text>
									</view>
									<view
										class='flex flex-wrap align-center justify-between otherPay_fd2_0_c0_c0_c1_c2'>
										<view class='flex flex-wrap align-center'>
											<text class='otherPay_fd2_0_c0_c0_c1_c2_c0_c0'>￥</text>
											<text class=' otherPay_fd2_0_c0_c0_c1_c2_c0_c1'>
												<text
													class=' otherPay_price1_fd2_0_c0_c0_c1_c2_c0_c1'>{{ item.shop_price | frontPrice }}</text>
												<text
													class=' otherPay_price2_fd2_0_c0_c0_c1_c2_c0_c1'>{{ item.shop_price | laterPrice }}</text>
											</text>
										</view>
										<view class='flex flex-wrap align-center otherPay_fd2_0_c0_c0_c1_c1_c0'>
											<text>x</text>
											<text>{{item.number}}</text>
										</view>
									</view>
								</view>
							</view>
						</template>

					</view>
					<view class='flex flex-direction flex-wrap align-stretch otherPay_fd2_0_c1'>
						<view class='flex flex-wrap align-center justify-between otherPay_fd2_0_c1_c0'>
							<text class='otherPay_fd2_0_c1_c0_c0'>商品总额</text>
							<view class='flex flex-wrap align-center'>
								<text class='otherPay_fd2_0_c1_c0_c1_c0'>¥</text>
								<text class=' otherPay_fd2_0_c1_c0_c1_c1'>
									<text>{{ orderDetail.goods_price | frontPrice }}</text>
									<text>{{ orderDetail.goods_price | laterPrice }}</text>
								</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center otherPay_fd2_0_c1_c0'
							@tap.stop="popupShow1703146982694=true">
							<text class='otherPay_fd2_0_c1_c0_c0001'>选择优惠券</text>
							<view class='flex flex-wrap align-center otherPay_fd2_0_c1_c1_c1' v-if=" coupon_id!=''">
								<text>-￥</text>
								<text>{{coupon_money}}</text>
							</view>
							<view class='flex flex-wrap align-center otherPay_fd2_0_c1_c1_c2'>
								<text class='otherPay_fd2_0_c1_c1_c2_c0' v-if=" coupon_id==''">请选择优惠券</text>
								<image class='otherPay_fd2_0_c1_c1_c2_c1' mode="aspectFit" :src='STATIC_URL+"51.png"'>
								</image>
							</view>
						</view>
						<view class='flex flex-wrap align-center otherPay_fd2_0_c1_c0'>
							<text class='otherPay_fd2_0_c1_c0_c0'>运费</text>
							<text class='otherPay_fd2_0_c1_c2_c1' v-if=" orderDetail.express_price!=0">￥</text>
							<text class='otherPay_fd2_0_c1_c0_c0'
								v-if=" orderDetail.express_price!=0">{{orderDetail.express_price}}</text>
							<text class='otherPay_fd2_0_c1_c2_c1' v-if=" orderDetail.express_price==0">包邮</text>
						</view>
						<view class='flex flex-wrap align-center otherPay_fd2_0_c1_c0'>
							<text>留言</text>
							<benben-input class='flex-sub otherPay_fd2_0_c1_c3_c1' type="text"
								:placeholder="`建议留言前先与商家沟通确认`" confirm-type="done" :maxlength="200"
								placeholder-style="color:rgba(191, 191, 191, 1);font-size:28rpx" v-model="rasker" />
						</view>
						<view class='flex align-stretch justify-end'>
							<view class='flex flex-wrap align-center otherPay_fd2_0_c1_c4_c0'>
								<text>共</text>
								<text>{{orderDetail.number}}</text>
								<text>件</text>
								<text class='otherPay_fd2_0_c1_c4_c0_c3'> 合计:</text>
							</view>
							<text class='otherPay_fd2_0_c1_c4_c1'>￥</text>
							<text class=' otherPay_fd2_0_c1_c4_c2'>
								<text
									class=' otherPay_price1_fd2_0_c0_c0_c1_c2_c0_c1'>{{ payPrice | frontPrice }}</text>
								<text class=' otherPay_price2_fd2_0_c1_c4_c2'>{{ payPrice | laterPrice }}</text>
							</text>
						</view>
					</view>
				</view>
			</view>

			<!---商品详情flex布局结束-->
			<benben-popup v-model="popupShow1703146982694" :mask="true" :mask-close-able="true" mode='bottom'>
				<!---领取优惠券弹窗flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout otherPay_flex_3">
					<view class='flex flex-wrap align-center justify-between otherPay_fd3_0'>
						<view class='flex flex-wrap align-center otherPay_fd3_0_c0'>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='otherPay_fd3_0_c1_c0'>优惠券</text>
						</view>
						<view class='flex flex-wrap align-center otherPay_fd3_0_c0'
							@tap.stop="popupShow1703146982694=false">
							<text class='fu-iconfont2  otherPay_fd3_0_c2_c0'>&#xe695;</text>
						</view>
					</view>

					<scroll-view class='otherPay_fd3_1' :scroll-x='true' :scroll-y='true' :show-scrollbar='true'>
						<view class='flex flex-direction align-stretch benben-scroll flex'>
							<template v-for='(item,key0) in couponType'>
								<view class='flex flex-wrap align-center otherPay_fd3_1_c0' :key='key0'>
									<view
										class='flex flex-direction flex-wrap align-center justify-center otherPay_fd3_1_c0_c0'>
										<view class='flex align-center'>
											<text class='otherPay_fd3_1_c0_c0_c0_c0'>￥</text>
											<text class='otherPay_fd3_1_c0_c0_c0_c1'>{{item.money}}</text>
										</view>
										<text class='otherPay_fd3_1_c0_c0_c1'>{{item.min_order_money}}</text>
									</view>
									<view
										class='flex flex-direction flex-wrap align-stretch justify-center flex-sub otherPay_fd3_1_c0_c1'>
										<text class='otherPay_fd3_1_c0_c1_c0'>{{item.coupon_name}}</text>
										<text class='otherPay_fd3_1_c0_c1_c1'>{{item.miaoshu}}</text>
										<view class='flex flex-wrap align-center otherPay_fd3_1_c0_c1_c2'>
											<text class='otherPay_fd3_1_c0_c1_c2_c0'>有效期至：</text>
											<text class='flex-sub otherPay_fd3_1_c0_c1_c2_c1'>{{item.time}}</text>
										</view>
									</view>
									<button class='otherPay_fd3_1_c0_c2' @tap.stop="postCouponFunc(item.aid,item.money)" v-if="!coupon_id">使用</button>
									<button class='otherPay_fd3_1_c0_c2' @tap.stop="cancalCoupon()" v-else>取消</button>
								</view>
							</template>

						</view>
					</scroll-view>

					<benben-empty :list-data="couponType">
						<view class='flex flex-direction flex-wrap align-center otherPay_fd3_2'>
							<image class='otherPay_fd3_2_c0' mode="widthFix" :src='STATIC_URL+"62.png"'></image>

						</view>
					</benben-empty>
				</view>

				<!---领取优惠券弹窗flex布局结束-->

			</benben-popup>
			<view class="flex flex-wrap align-center justify-between benben-position-layout flex otherPay_flex_4">
				<view class='flex flex-wrap align-center otherPay_fd4_0'>
					<text>总计：</text>
					<text class='otherPay_fd4_0_c1'>￥</text>
					<text class='flex-wrap align-center otherPay_fd4_0_c2'>
						<text class=' otherPay_price1_fd4_0_c2'>{{ payPrice | frontPrice }}</text>
						<text class=' otherPay_price2_fd4_0_c2'>{{ payPrice | laterPrice }}</text>
					</text>
				</view>
				<button class='otherPay_fd4_1' @tap.stop="submit_payFunc()">提交订单</button>

			</view>
			<view :style="{height: '90rpx'}"></view>


		</view>
	</view>
</template>
<script>
	import {
		validate
	} from '@/common/utils/validate.js'

	export default {
		components: {},


		data() {
			return {
				"popupShow1703146982694": false,
				"couponType": [],
				"coupon_id": "",
				"addressList": [],
				"orderDetail": {
					"order_type": "",
					"goods": [],
					"coupon_search": {
						"moeny": "",
						"category": [],
						"goods": []
					},
					"address": {
						"aid": "",
						"member_id": "",
						"uid": "",
						"create_time": "",
						"update_time": "",
						"sort": "",
						"is_del": "",
						"status": "",
						"create_id": "",
						"row_lock": "",
						"user_id": "",
						"real_name": "",
						"mobile": "",
						"detail": "",
						"province": "",
						"province_id": "",
						"city": "",
						"city_id": "",
						"district": "",
						"district_id": "",
						"sex": "",
						"label_name": "",
						"is_default": "",
						"lng": "",
						"lat": "",
						"address_code": "",
						"address_code_province": "",
						"address_code_city": "",
						"address_code_district": "",
						"address_id": ""
					},
					"express_price": "",
					"goods_price": "",
					"number": "",
					"payable_money": "",
					"is_integral_reduce": "",
					"pickup_default": ""
				},
				"rasker": "",
				"payOrder": {
					"order_sn": "",
					"payable_money": "",
					"pay_status": "",
					"timeout": "",
					"is_zero": ""
				},
				"address_id": "",
				"dataAddress": {
					"aid": "",
					"mobile": "",
					"label_name": "",
					"sex": "",
					"province_id": "",
					"is_default": "",
					"province": "",
					"city": "",
					"city_id": "",
					"district": "",
					"district_id": "",
					"create_time": "",
					"real_name": "",
					"address_code": "",
					"detail": "",
					"address_code_province": "",
					"address_code_city": "",
					"address_code_district": "",
					"lng": "",
					"lat": "",
					"address_code_area": "",
					"address_detail": ""
				},
				"coupon_money": "",
				"payPrice": {
					"money": ""
				},
				"shoppingCart_id": "",
				"good_id": "",
				"sku_id": "",
				"buy_num": ""
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},

		},
		watch: {},
		onLoad(options) {
			let {
				shoppingCart_id,
				good_id,
				sku_id,
				buy_num,
				address_id
			} = options
			if (shoppingCart_id !== undefined) this.shoppingCart_id = shoppingCart_id
			if (good_id !== undefined) this.good_id = good_id
			if (sku_id !== undefined) this.sku_id = sku_id
			if (buy_num !== undefined) this.buy_num = buy_num
			if (address_id !== undefined) this.address_id = address_id
			this.get_addressFunc()
			this.getCouponFunc()
			this.getPayPriceFunc()
			this.diyPageListen()
		},
		onUnload() {
			this.diyOffPageListen()
		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			//获取地址列表
			async get_addressFunc() {
				//请求方法
				//数据验证

				let datadataAddress = await this.$api.get(global.apiUrls.post636fd7826b3ee, {
					address_id: this.address_id
				});

				if (datadataAddress.data.code != 1) {
					this.$message.info(datadataAddress.data.msg);
					return
				}
				let infodataAddress = datadataAddress.data;
				this.dataAddress = infodataAddress.data

				this.get_order_detailsFunc()
			},
			//获取订单信息
			async get_order_detailsFunc() {
				//请求方法
				//数据验证

				let dataorderDetail = await this.$api.post(global.apiUrls.post62ba581c43bf9, {
					sku_id: this.sku_id,
					goods_id: this.good_id,
					number: this.buy_num,
					address_id: this.address_id
				});

				if (dataorderDetail.data.code != 1) {
					this.$message.info(dataorderDetail.data.msg);
					return
				}
				let infoorderDetail = dataorderDetail.data;
				this.orderDetail = infoorderDetail.data

				this.getPayPriceFunc()
			},
			//提交订单支付
			async submit_payFunc() {
				if (!validate(this.dataAddress.aid, 'require')) {
					this.$message.info('请选择可用的地址');
					return false;
				}
				//请求方法
				//数据验证

				let datapayOrder = await this.$api.dbPost(global.apiUrls.post62c803a711123, {
					order_type: '3',
					address_id: this.dataAddress.aid,
					order_goods: this.orderDetail.goods,
					coupon_id: this.coupon_id,
					payable_money: this.orderDetail.payable_money,
					remark: this.rasker
				});
				if (!datapayOrder) return
				if (datapayOrder.data.code != 1) {
					this.$message.info(datapayOrder.data.msg);
					return
				}
				let infopayOrder = datapayOrder.data;
				this.payOrder = infopayOrder.data

				this.$urouter.redirectTo(
					`/pages/index/cashier/cashier?money=${this.payOrder.payable_money}&countdown=${this.payOrder.timeout}&order_sn=${this.payOrder.order_sn}&order_type=19`
				);
			},
			//取消使用
			cancalCoupon() {
				this.coupon_id = '';
				this.coupon_money = '';
				this.popupShow1703146982694 = false;
				this.getPayPriceFunc()
			},
			//提交使用优惠券
			async postCouponFunc(couponID, money) {
				this.coupon_id = couponID;
				this.coupon_money = money;
				//请求方法
				//数据验证

				let data6583fa47058fd = await this.$api.get(global.apiUrls.post6583fa47058fd, {
					cart_ids: this.shoppingCart_id,
					goods_id: this.good_id,
					num: this.buy_num,
					aid: this.coupon_id
				});

				if (data6583fa47058fd.data.code != 1) {
					this.$message.info(data6583fa47058fd.data.msg);
					return
				}
				this.popupShow1703146982694 = false;
				this.getCouponFunc()
				this.getPayPriceFunc()
			},
			//获取优惠券
			async getCouponFunc() {
				//请求方法
				//数据验证

				let datacouponType = await this.$api.get(global.apiUrls.post6583cf7d3a52d, {

				});

				if (datacouponType.data.code != 1) {
					this.$message.info(datacouponType.data.msg);
					return
				}
				let infocouponType = datacouponType.data;
				this.couponType = infocouponType.data

			},
			//获取支付金额
			async getPayPriceFunc() {
				//请求方法
				//数据验证

				let datapayPrice = await this.$api.get(global.apiUrls.post658548a798f58, {
					sku_id: this.sku_id,
					goods_id: this.good_id,
					cart_ids: this.shoppingCart_id,
					num: this.buy_num,
					aid: this.coupon_id,
					address_id: this.dataAddress.aid,
				});

				if (datapayPrice.data.code != 1) {
					this.$message.info(datapayPrice.data.msg);
					return
				}
				let infopayPrice = datapayPrice.data;
				this.payPrice = infopayPrice.data

			},
			//页面监听
			diyPageListen() {
				uni.$on('selectAddress', (data) => {
					this.address_id = data;
					this.get_addressFunc()
					// this.getPayPriceFunc()
				});
			},
			//注销页面监听
			diyOffPageListen() {
				uni.$off('selectAddress');
			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: #F8F8F8;
		background-size: 100% auto;
	}

	.otherPay_flex_0 {
		background: #fff;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.otherPay_fd0_0_c2 {
		padding: 0rpx 0rpx 0rpx 0rpx;
		width: 200rpx;
	}

	.otherPay_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #333333;
	}

	.otherPay_fd0_0_c0_c0 {
		font-size: 36rpx;
		color: #333;
		font-weight: 500;
	}

	.otherPay_fd0_0_c0 {
		width: 200rpx;
	}

	.otherPay_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		line-height: 88rpx;
	}

	.otherPay_flex_1 {
		padding: 24rpx 24rpx 0rpx 24rpx;
	}

	.otherPay_fd1_1_c1 {
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.otherPay_fd1_1_c0 {
		width: 60rpx;
		height: 60rpx;
	}

	.otherPay_fd1_1 {
		background: #fff;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 32rpx 0rpx;
	}

	.otherPay_fd1_0_c3 {
		width: 702rpx;
		height: 6rpx;
		position: absolute;
		bottom: 0rpx;
		left: 0rpx;
	}

	.otherPay_fd1_0_c2 {
		width: 12rpx;
		height: 22rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 10rpx 24rpx 0rpx 16rpx;
	}

	.otherPay_fd1_0_c1_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.otherPay_fd1_0_c1_c0_c1 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.otherPay_fd1_0_c1_c0_c0_c0 {
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 130rpx;
	}

	.otherPay_fd1_0_c1_c0_c0 {
		line-height: 34rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
		margin: 0rpx 32rpx 0rpx 0rpx;
	}

	.otherPay_fd1_0_c1 {
		margin: 0rpx 0rpx 0rpx 32rpx;
	}

	.otherPay_fd1_0_c0 {
		width: 60rpx;
		height: 60rpx;
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.otherPay_fd1_0 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 40rpx 0rpx 40rpx 24rpx;
		position: relative;
	}

	.otherPay_flex_2 {
		padding: 24rpx 24rpx 32rpx 24rpx;
	}

	.otherPay_price2_fd2_0_c1_c4_c2 {
		font-size: 22rpx;
	}

	.otherPay_fd2_0_c1_c4_c2 {
		color: rgba(210, 57, 63, 1);
		font-weight: 700;
	}

	.otherPay_fd2_0_c1_c4_c1 {
		font-size: 22rpx;
		font-weight: 700;
		color: rgba(210, 57, 63, 1);
		line-height: 36rpx;
	}

	.otherPay_fd2_0_c1_c4_c0_c3 {
		margin: 0rpx 0rpx 0rpx 15rpx;
	}

	.otherPay_fd2_0_c1_c4_c0 {
		font-size: 24rpx;
		font-weight: 500;
		color: #666666;
	}

	.otherPay_fd2_0_c1_c3_c1 {
		margin: 0rpx 0rpx 0rpx 32rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333;
		line-height: 42rpx;
	}

	.otherPay_fd2_0_c1_c2_c1 {
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.otherPay_fd2_0_c1_c1_c2_c1 {
		width: 12rpx;
		height: 22rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 4rpx 0rpx 0rpx 16rpx;
	}

	.otherPay_fd2_0_c1_c1_c2_c0 {
		font-size: 28rpx;
		font-weight: 500;
		color: rgba(153, 153, 153, 1);
		margin: 0rpx 0rpx 0rpx auto;
	}

	.otherPay_fd2_0_c1_c1_c2 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.otherPay_fd2_0_c1_c1_c1 {
		// margin: 0rpx 0rpx 0rpx auto;
		color: var(--benbenFontColor4);
		font-weight: 500;
	}

	.otherPay_fd2_0_c1_c0_c1_c1 {
		color: #333333;
		font-weight: 400;
		font-size: 28rpx;
	}

	.otherPay_fd2_0_c1_c0_c1_c0 {
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
	}

	.otherPay_fd2_0_c1_c0_c0 {
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
	}

	.otherPay_fd2_0_c1_c0_c0001 {
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin-right: auto;
	}

	.otherPay_fd2_0_c1_c0 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.otherPay_fd2_0_c1 {
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.otherPay_price2_fd2_0_c0_c0_c1_c2_c0_c1 {
		font-size: 28rpx;
	}

	.otherPay_price1_fd2_0_c0_c0_c1_c2_c0_c1 {
		font-size: 32rpx;
	}

	.otherPay_fd2_0_c0_c0_c1_c2_c0_c1 {
		color: rgba(210, 57, 63, 1);
		font-weight: 700;
		font-size: 22rpx;
		line-height: 36rpx;
	}

	.otherPay_fd2_0_c0_c0_c1_c2_c0_c0 {
		font-size: 20rpx;
		font-weight: 700;
		color: rgba(210, 57, 63, 1);
		line-height: 36rpx;
	}

	.otherPay_fd2_0_c0_c0_c1_c2 {
		margin: 36rpx 0rpx 0rpx 0rpx;
	}

	.otherPay_fd2_0_c0_c0_c1_c1_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
	}

	.otherPay_fd2_0_c0_c0_c1_c1 {
		margin: 8rpx 0rpx 0rpx 0rpx;
	}

	.otherPay_fd2_0_c0_c0_c1_c0 {
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		height: 80rpx;
		line-height: 40rpx;
	}

	.otherPay_fd2_0_c0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.otherPay_fd2_0_c0_c0_c0 {
		width: 200rpx;
		height: 200rpx;
		border-radius: 16rpx;
	}

	.otherPay_fd2_0_c0_c0 {
		padding: 0rpx 0rpx 24rpx 0rpx;
	}

	.otherPay_fd2_0_c0 {
		border-bottom: 1px solid #eee;
	}

	.otherPay_fd2_0 {
		background: #fff;
		background-size: 100% auto !important;
		padding: 32rpx 24rpx 32rpx 24rpx;
	}

	.otherPay_flex_3 {
		background: var(--benbenbgColor1);
		background-size: 100% auto !important;
		border-radius: 32rpx 32rpx 0rpx 0rpx;
		padding: 0rpx 0rpx 40rpx 0rpx;
	}

	.otherPay_fd3_2_c0 {
		width: 400rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.otherPay_fd3_2 {
		width: 100%;
		padding: 50rpx 0rpx 50rpx 0rpx;
	}

	.otherPay_fd3_1_c0_c2 {
		background: var(--benbenbgColor2);
		border-radius: 33rpx 33rpx 33rpx 33rpx;
		width: 100rpx;
		line-height: 60rpx;
		font-size: 24rpx;
		color: #fff;
		margin: 0rpx 10rpx 0rpx 0rpx;
	}

	.otherPay_fd3_1_c0_c1_c2_c1 {
		color: #666666;
		font-size: 22rpx;
		font-weight: 400;
		line-height: 30rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.otherPay_fd3_1_c0_c1_c2_c0 {
		color: #666666;
		font-size: 22rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.otherPay_fd3_1_c0_c1_c2 {
		color: #909093;
		font-size: 22rpx;
		line-height: 30rpx;
		font-weight: 400;
	}

	.otherPay_fd3_1_c0_c1_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		margin: 16rpx 0rpx 24rpx 0rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.otherPay_fd3_1_c0_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 700;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		line-height: 40rpx;
	}

	.otherPay_fd3_1_c0_c1 {
		height: 190rpx;
		margin: 0rpx 24rpx 0rpx 16rpx;
	}

	.otherPay_fd3_1_c0_c0_c1 {
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: 700;
		line-height: 33rpx;
		margin: 7rpx 0rpx 0rpx 0rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.otherPay_fd3_1_c0_c0_c0_c1 {
		color: #FFFFFF;
		font-size: 56rpx;
		font-weight: 700;
		line-height: 67rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.otherPay_fd3_1_c0_c0_c0_c0 {
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: 700;
		line-height: 32rpx;
		margin: 13rpx 0rpx 0rpx 0rpx;
	}

	.otherPay_fd3_1_c0_c0 {
		width: 190rpx;
		height: 190rpx;
	}

	.otherPay_fd3_1_c0 {
		background: url(image-path('333.png')) no-repeat;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 0rpx 20rpx 0rpx;
		box-shadow: 4rpx 8rpx 12rpx rgba(51, 51, 51, 0.06);
	}

	.otherPay_fd3_1 {
		touch-action: none;
		width: 750rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
		max-height: 500rpx;
	}

	.otherPay_fd3_0_c2_c0 {
		font-size: 32rpx;
		font-weight: 400;
	}

	.otherPay_fd3_0_c1_c0 {
		color: #333;
		font-size: 36rpx;
		font-weight: 600;
		line-height: 45rpx;
	}

	.otherPay_fd3_0_c0 {
		width: 48rpx;
		height: 48rpx;
	}

	.otherPay_fd3_0 {
		border-bottom: 1px solid #eee;
		padding: 32rpx 32rpx 32rpx 32rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.otherPay_flex_4 {
		background: #fff;
		width: 750rpx;
		height: 90rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		background-size: 100% auto !important;
	}

	.otherPay_fd4_1 {
		background: var(--benbenbgColor2);
		font-size: 32rpx;
		color: #fff;
		line-height: 90rpx;
		padding: 0rpx 64rpx 0rpx 64rpx;
		font-weight: 500;
		width: 280rpx;
		height: 90rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.otherPay_price2_fd4_0_c2 {
		font-size: 22rpx;
	}

	.otherPay_price1_fd4_0_c2 {
		font-size: 32rpx;
	}

	.otherPay_fd4_0_c2 {
		font-weight: 700;
		color: #FA2033;
	}

	.otherPay_fd4_0_c1 {
		line-height: 36rpx;
		font-size: 20rpx;
		font-weight: 700;
		color: #FA2033;
	}

	.otherPay_fd4_0 {
		margin: 0rpx 0rpx 0rpx 24rpx;
	}
</style>